<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title >列表页 - 优衣库网络旗舰店</title>
    <link rel="shortcut icon" href="../favicon.ico">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/list.css">
</head>
<body>
    <header>
        <div class="dl">
            尊敬的<span>xxx</span>,你好! <button class="logout">注销</button>
        </div>
        <div class="ss">
            <p class=" iconfont icon-fangdajing"></p>
            <input class="search" type="text" value="" placeholder="站内搜索">
            <ol class="search_res">
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
                <li>5</li>
                <li>6</li>
                <li>7</li>
                <li>8</li>
                <li>9</li>
                <li>10</li>
            </ol>
        </div>
        <ul>
            <li class="iconfont icon-dizhi-01"> 门店购买</li>
            <li class="iconfont icon-kefu"> 联系客服</li>
            <li class="iconfont icon-wodedingdan"> 站内信</li>
            <li class="iconfont icon-gouwuche"><a href="../views/car.html">购物车</a></li>
            <li class="iconfont icon-shoucang"> 收藏夹</li>
            <li class="iconfont icon-user"> 账户</li>
            <li><a href="./login.html" target="_blank">登录</a></li>
            <li><a href="./regist.html" target="_blank">注册</a></li>
        </ul>
    </header>
    <nav>
        <ul>
            <li class="li_bg"><a href="./index.html" target="_blank"><img src="../img/LOGO.gif" alt=""></a></li>
            <li>女装 WOMEN</li>
            <li>男装 MEN</li>
            <li>童装 KIDS</li>
            <li class="li_bg">婴幼儿装 BABY</li>
        </ul>
        <ol>
            <li>防诈骗公告</li>
            <li>网站购买指南</li>
            <li>关注我们</li>
            <li class="ol_end">公告区</li>
            <li class="ol_end ol_end2">店铺资料</li>
        </ol>
    </nav>
    <section>
        <img src="https://www.uniqlo.cn/public/image/L3/men/2021/0521/1280_210521-WT.jpg" alt="">
        <ul class="person">
            <li>WOMEN</li>
            <li>MEN</li>
            <li>KIDS</li>
            <li>BABY</li>
        </ul>
        <!-- 分类 -->
        <ul class="series ">
            <li>人气推荐</li>
            <li>防晒系列</li>
            <li>休闲茄克</li>
            <li>摇粒绒系列</li>
            <li>合作系列</li>
            <li>超值精选</li>
        </ul>
        <div class="xpss">新品上市</div>
        <div class="product bobo">
            <div class="clothes">
                <!-- 衣服属性 -->
                <div class="attribute">
                    <p class="sale">SALE</p>
                    <p class="hot">HOT</p>
                </div>
                <img src="https://www.uniqlo.cn/hmall/test/u0000000027884/main/first/561/1.jpg" alt="">
                <div class="colors">
                    <img src="https://www.uniqlo.cn/hmall/test/u0000000027884/chip/22/COL09.jpg" alt="">
                    <img src="https://www.uniqlo.cn/hmall/test/u0000000027884/chip/22/COL25.jpg" alt="">
                    <img src="https://www.uniqlo.cn/hmall/test/u0000000027884/chip/22/COL35.jpg" alt="">
                    <img src="https://www.uniqlo.cn/hmall/test/u0000000027884/chip/22/COL57.jpg" alt="">
                    <img src="https://www.uniqlo.cn/hmall/test/u0000000027884/chip/22/COL69.jpg" alt="">
                </div>
                <p class="clothes_size"><span>男装</span><span>XS-4XL</span></p>
                <P class="clothes_name">连帽外套</P>
                <p class="clothes_price">
                    <span>￥499.00</span>
                    <span class="og_price">￥500.00</span>
                </p>
                <button>添加至购物车</button>
            </div>
        </div>
        <img class="bottem" src="https://www.uniqlo.cn/public/image/L3/men/2021/0305/1280-0305-fzwx.jpg" alt="">
        <img class="bottem" src="https://www.uniqlo.cn/public/image/L3/men/2021/0416/1280_210416_tx.jpg" alt="">
        <div class="top">
            <p>▲</p>
            <p>TOP</p>
        </div>
    </section>
    <footer>
        <ul>
            <li class="logo_uniqlo"><img src="https://www.uniqlo.cn/public/Image/L1/footer/footer_logo.gif" alt=""> </li>
            <li><a href="#">店铺资料</a></li>
            <li><a href="#">招聘信息</a></li>
            <li><a href="#">访问权限</a></li>
            <li><a href="#">隐私保护</a></li>
        </ul>
        <p>迅销（中国）商贸有限公司 沪ICP备09003223号-1 沪公网安备 31010402000957号</p>
    </footer>
    <script src="../js/polyfill.js"></script>
    <script src="../js/search.js"></script>
    <script src="../js/utils.js"></script>
    <script src="../js/list.js"></script>
</body>
</html>